<template>
	<el-row>
		<el-col class="top">
			<el-row>
				<el-col class="topBar" :span="24">
					<span  class="logo">
						<i class="iconfont icon-index"></i>{{global.platformName}}</span>
				</el-col>
			</el-row>
		</el-col>
		<el-col :span="3" :offset="1">
			 <el-menu
		      default-active="/duty"
		      :router="true"
		      class="menus">
		      <el-menu-item index="/duty">
		        免责声明
		      </el-menu-item>
		      <el-menu-item index="/duty/protect">
		        隐私保护
		      </el-menu-item>
		      <el-menu-item index="">
		        产权声明
		      </el-menu-item>
		    </el-menu>
		</el-col>
		<el-col :span="20">
			<router-view></router-view>
		</el-col>
	</el-row>
</template>
<script type="text/javascript">
	export default{
		name:'Read',
	}
</script>
<style type="text/css" scoped>
	.top{
		background-color: #1e90ff;
		height: 70px;
	}
	.topBar{
		text-align: left;
		padding-left: 15px;
	}
	.logo{
		color: #ffffff;
		letter-spacing: 10px;
		font-size: 24pt;
		line-height: 70px;
	}
	.icon-index{
		font-size: 28pt;
		cursor: pointer;
	}
	.menus{
		line-height: 65px;
		list-style:none;
	}
	.menus a:link{
		color: #303133;
		text-decoration: none;
	}
	.menus a:hover{
		color: #ff0000;
		font-weight: bolder;
	}
	.menus a:visited{
		color: #303133;
		text-decoration: none;
	}
	.el-menu-item{
		font-size: 12pt;
	}
</style>